<!DOCTYPE HTML>
<html>
<head>
       <title>bootstrap网页</title>
	   <meta charset="utf-8">
	   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	   <!-- 新 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="js/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
	  window.onload = function(){
	      var cars = ["N","A","B","C"];
         console.log(cars);
		  var ulNode = document.createElement("ul");
		  console.log(ulNode);

		  for(var  i = 0; i<cars.length; i++) {
		         console.log(cars.length);
		         var liNode = document.creatElement("li");
		         var txtNode = document.createTextNode(cars[i]);
                 liNode.appendChild(txtNode);
				 ulNode.appendChild(liNode);
		  }
		  document.getElementsByTagName("div")[0].appendChild(ulNode);
	  }
	</script>
	
</head>
<body>
       <div></div>
</body>
</html>
